<div data-role="page" id="conversation" >
    <?php $agentName = $_GET["name"]; ?>
    <script type="text/javascript" src="conversation.js"></script>
    <div data-role="header">
        <h1 id="title" style="overflow:visible; text-align:center;">Conversation with <?php echo $agentName; ?></h1>
    </div><!-- /header -->

    <input type="hidden" id="name" value="<?php echo $agentName; ?>">

    <div data-role="content" id="convoContent" style="height:300px; font-size:.8em;">   
        <h2>Information Known:</h2>
        <p><b>Likes</b>: <span id="likes" /> </p>
        <p><b>Dislikes</b>: <span id="dislikes" /> </p>
        <a href="#" id="trustButton"  data-role="button">Build Trust</a>
        <h2>Talk to <?php echo $agentName; ?> about:</h2>
        
        <a href="#" id="personalQuestion"  data-role="button">himself</a>
        <p id="personalAnswer" class="answer"></p>
        
        <a href="#" id="eventQuestion" data-role="button">recent events</a>
        <p id="eventAnswer" class="answer"></p>
        

        <a href="#" id="theoryQuestion" data-role="button">his theories</a>
        <p id="theoryAnswer" class="answer"></p>
    </div><!-- /content -->
    <div data-role="footer" class="ui-bar" style="text-align:center;">
        <a href="main.php" class="button" data-role="button">Go Back</a>
    </div>
</div>
